<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>狼人杀</title>
	<link rel="stylesheet" href="css/wolfMan.css">
	<script type=text/javascript src=js/wolfMan.js></script>
</head>

<body>
	<div class="box">
		<div class="header">
			<a href="playParty.html">
			<span class="return">返回</span>
			</a>
			<span class="theme">狼人杀</span>
		</div>
			<div class="main1">
				<h3>选择角色数量</h3>
				<ul class="ul1">
					<li>狼人</li>
					<li>村民</li>
					<li>预言家</li>
					<li>女巫</li>
					<li>猎人</li>
					<li>守卫</li>
				</ul>
				<ul class="ul2">
					<li>
						<select name="" id="lrNum">
							<option>请选择</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
						</select>
					</li>
					<li>
						<select name="" id="cmNum">
							<option>请选择</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
						</select>
					</li>
					<li>
						<select name="" id="yyjNum">
							<option>请选择</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
						</select>
					</li>
					<li>
						<select name="" id="nwNum">
							<option>请选择</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
						</select>
					</li>
					<li>
						<select name="" id="lierNum">
							<option>请选择</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
						</select>
					</li>
					<li>
						<select name="" id="swNum">
							<option>请选择</option>
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
						</select>
					</li>
				</ul>
				<button id="sure">确定</button>
			</div>
			<div class="main2" id="main2">
				<ol class="ol1" id="number">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
				<ol class="ol2" id="name">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
				<ol class="ol3" id="light">
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ol>
				<button id = "showNext">显示下一个</button>
				<button id = "showAll">显示所有</button>
			</div>
	</div>
</body>
</html>